<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
<title>赌我会瘦</title>
<%@ include file="/WEB-INF/include/meta.jsp"%>
<%@ include file="/WEB-INF/include/css.jsp"%>
</head>
<!-- end header -->

<body>
  <div class="page-group">
    <div class="page page-current close-page bg-light-gray">
      <header class="bar bar-nav fb-header has-img-header">
			  <a href="javascript:void(0);" class="pull-left logo">
			    <img src="${ctx.resource}/images/rule-header-left.png">
			  </a>
			  <h1 class="title"><img src="${ctx.resource}/images/rule-header-title.png"></h1>
			  <a href="javascript:void(0);" class="pull-right user-cover">
			    <img src="${ctx.resource}/images/user-cover.png">
			  </a>
			</header>
			
			<div class="bar bar-footer fb-footer">
			  <a href="${ctx.host}/activities/1/detail" class="button button-big fb-button">递交最终成绩</a>
			</div>
      
      <div class="content">
        <div class="content-padded challenger-info">
      	  <div class="challenger-cover">
      	    <img src="${ctx.resource}/images/challenger-cover.png" alt="" class="img-style">
      	    <div class="bet-title">Sara的28天瘦5%挑战
      	      <p class="no-margin">竞猜时间: 2018.12.12-2018.12.18</p>
      	    </div>
      	    
      	    <div class="share"><i class="iconfont icon-share" style="font-size: 1.3rem; display: block; line-height: 1;"></i>分享</div>
      	    
      	    <div class="user-cover">
      	      <img src="${ctx.resource}/images/user-cover.png" alt="">
      	    </div>
      	  </div>
      	  
      	  <form action="">
      	    <p class="color-red">活动开始体重:</p>
      	    <div class="item-input">
      	      <input type="text" name="" placeholder="请填写您的当前体重(KG)" style="border-radius: .25rem;"/>
      	    </div>
      	    
      	    <div class="video-layout">
						  <div class="video-header" style="padding-top: 0;"><span style="font-size: .7rem; color: #999;">活动前体重</span><br>43.0<span style="font-size: .9rem; font-weight: 500;">kg</span></div>
						  <div class="video-content">
						    <img src="${ctx.resource}/images/bet-video.png" style="width: 100%; display: block;" alt="" >
						  </div>
						</div>
					
      	    <div class="item-input">
      	      <a href="${ctx.host}/activities/1/vedio-upload?phase=open" class="video-button">
      	        上传结果视频<i class="iconfont icon-camera pull-right" style="font-size: 1.2rem; margin-top: -.2rem;"></i>
      	      </a>
      	      <input type="file" value="" >
      	    </div>
      	    
      	    <div class="tips">
      	      <p class="no-margin" style="color: #2b2b2b; font-weight: bold;">TIPS:</p>
      	      <p class="no-margin">视频拍摄建议穿着修身服饰; 拍摄内容须包含面部, 全身及称重数字。</p>
      	    </div>
      	  </form>
      	</div>
        <%-- <div class="content-padded">
          <h1>成果递交-上传视频.jpg</h1>
        </div>
        <div class="content-block">
          <p><a href="${ctx.host}/activities/1/vedio-upload?phase=close" class="button button-big">上传视频</a></p>
          <p><a href="" class="button button-big">递交成绩</a></p>
        </div> --%>
      </div>
    </div>
  </div>
  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource type="script" root="${ctx.resource}/build" src="js/page/activity-shopping/shopping-index.js" />
  <script type="text/javascript">
    require(['page/activity-shopping/shopping-index'], function(page) {
      page.init({
        /* jsConfig: JSON.parse('${jsConfig}') */
      })
    })
  </script>
</body>
</html>